html, body, #root {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

//
//@import '../node_modules/codemirror/lib/codemirror.css';
//@import '../node_modules/codemirror/theme/3024-night.css';

@import "../../node_modules/codemirror/lib/codemirror";
@import "../../node_modules/codemirror/theme/3024-night";

[data-theme="dark"] {
  @import "../../node_modules/antd/dist/antd.dark.min";
}

[data-theme="light"] {
  @import "../../node_modules/antd/dist/antd.min";
}

.react-codemirror2, .CodeMirror {
  height: 100%;
  font-size: 16px;
}

.CodeMirror-vscrollbar {
  &::-webkit-scrollbar {
    background: transparent;
    width: 10px;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #00000088;
  }
}

[data-active="true"] {
  font-weight: bolder;
  color: #499c54;
}

[data-theme="dark"] {
  .CodeMirror-vscrollbar {
    &::-webkit-scrollbar-thumb {
      background: #ffffff44;
    }
  }
}

[data-theme="light"] {
  .ant-layout-sider {
    background: white !important;
  }
}

aside {
  user-select: none;
}

.status-bar {
  z-index: 10;
  padding: 6px 10px;
  border-top: thin solid gray;
}

.ant-menu-inline .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-vertical .ant-menu-item:not(:last-child) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ant-divider-horizontal {
  margin: 2px 0 !important;
}

.ant-menu {
  background: transparent !important;
}

.cm-error-rules {
  color: red;
  text-decoration: underline wavy;
}